<template>
  <view class="storage-page">
    
    <!-- 缓存操作按钮 -->
    <button @click="callSetStorage">setStorage</button>
    <button @click="callGetStorage">获取缓存</button>
    
    <!-- 日志打印按钮 -->
    <button @click="handleInfo">console.info</button>
    <button @click="handleWarn" type="warn">console.warn</button>
    <button @click="handleError" type="warn">console.error</button>
  </view>
</template>

<script>
export default {
  methods: {
    /**
     * 设置本地缓存（key: userName, data: chenyuanzhu）
     */
    callSetStorage() {
      console.log("触发设置缓存：userName = chenyuanzhu");
      uni.setStorage({
        key: "userName",
        data: "chenyuanzhu",
        success() {
          console.log("存储userName 成功回调");
        },
        fail() {
          console.error("存储userName 失败");
        }
      });
    },

    /**
     * 获取本地缓存（根据key: userName）
     */
    callGetStorage() {
      uni.getStorage({
        key: "userName", // 与设置缓存的key保持一致
        success: (result) => {
          console.log("获取本地缓存成功，数据：", result.data);
        },
        fail: (result) => {
          console.error("获取本地缓存失败：", JSON.stringify(result));
          console.error("获取本地缓存失败原因：", result.errMsg || "未知错误");
        }
      });
    },

    // 信息级别日志
    handleInfo() {
      console.info("【Info】普通信息日志");
    },

    // 警告级别日志
    handleWarn() {
      console.warn("【Warn】警告类日志");
    },

    // 错误级别日志
    handleError() {
      console.error("【Error】错误类日志");
    }
  }
};
</script>

<style>
	
</style>